<template>
  <div class="dashboard">
    <img src="/index.jpg" alt="Index Image" class="full-screen-image"/>
  </div>
</template>

<script>
export default {
  name: "Dashboard",
};
</script>

<style scoped>
.full-screen-image {
  width: 100vw;  /* 设置宽度为视口宽度 */
  height: 100vh; /* 设置高度为视口高度 */
  object-fit: cover; /* 保持比例并裁剪图片以覆盖整个区域 */
  position: absolute; /* 使用绝对定位，使图片填充整个屏幕 */
  top: 0;
  left: 0;
}
</style>
